<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>E Commerce</title>
<!-- Stylesheet -->
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<!-- Javascript -->
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script src="./js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="./js/cufon-yui.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
<script src="./js/TitilliumText22L_Rg_400-TitilliumText22L_Rg_700.font.js" type="text/javascript"></script>
<script src="./js/contentslider.js" type="text/javascript"></script>
<script src="./js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script src="./js/jquery.easing.1.1.js" type="text/javascript"></script>
<script src="./js/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
<script src="./js/lightbox.js" type="text/javascript"></script>
<script src="./js/jquery.infinite-carousel.js" type="text/javascript"></script>

<!-- Slide Show -->
<link rel="stylesheet" href="css/template.css" type="text/css" />
<link rel="stylesheet" href="css/slideshow8.css" type="text/css" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow8.js"></script>
<link rel="stylesheet" href="css/modules.css" type="text/css" />
<link rel="stylesheet" href="css/css3.css" type="text/css" />
<!-- Slide Show -->

</head>
<body>
<!-- Top Section -->
<div id="topsec"> 
  <!-- masterhead -->
  <div id="masterhead"> 
    <!-- Logo -->
    <div class="logo"><a href="./index.html"><img src="./images/logo.png" height="65"  alt="" style="margin-top: 5px;" /></a></div>
    <!-- masterhead Right Section -->
    <div class="topright_sec"> 
      <!-- top navigation -->
      <div class="topnavigation">
        <ul>
          <li class="first">Default welcome msg!</li>
          <li><a href="./account.html"> My Account</a></li>
          <li><a href="#">My Wishlist</a></li>
          <li><a href="./shoppingcart.html">My Cart Checkout</a></li>
          <li class="nobg"><a  href="./login.html">Log In</a></li>
        </ul>
        <!-- My Cart -->
        <div class="mycart"> <a href="./shoppingcart.html"><img src="./images/cart_icon.png" alt="" /></a> <span>00</span> </div>
        <!-- Check out --> 
        <a class="btn btn1" href="#"><span>Checkout</span></a> </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <!-- Navigation -->
    <div class="navigation">
      <div id="smoothmenu1" class="ddsmoothmenu">
        <ul>
          <li class="first"><a class="selected" href="./index.html">Home</a></li>
          <li><a href="#">Living Room</a> 
            <!-- Sub Menu level 1 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="#">Fabric sofas</a></li>
              <li><a href="#">Leather sofas</a> 
                <!-- Sub Menu level 1 -->
                <ul>
                  <li class="first">&nbsp;</li>
                  <li class="martop"><a href="#">Fabric sofas</a></li>
                  <li><a href="#">Leather sofas</a></li>
                  <li><a href="#">Modular sofas</a></li>
                  <li><a href="#">Armchairs </a></li>
                  <li><a href="#">Rattan seating</a></li>
                  <li><a href="#">Extra covers </a></li>
                </ul>
              </li>
              <li><a href="#">Modular sofas</a></li>
              <li><a href="#">Armchairs </a></li>
              <li><a href="#">Rattan seating</a></li>
              <li><a href="#">Extra covers </a></li>
            </ul>
          </li>
          <li><a href="#">Bed Room</a></li>
          <li><a href="#">Dining Room</a></li>
          <li><a href="#">Office</a></li>
          <li><a href="#">Pages</a>
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="./index.html">Home</a></li>
              <li><a href="./listing.html">Listing</a></li>
              <li><a href="./detail.html">Detail</a></li>
              <li><a href="./shoppingcart.html">Shopping Cart</a></li>
              <li><a href="./login.html">Login</a></li>
              <li><a href="./account.html">My Account</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="#">Themes</a> 
            <!-- Sub Menu Level 2 -->
            <ul>
              <li class="first">&nbsp;</li>
              <li class="martop"><a href="../blue/index.html">Blue</a></li>
              <li><a href="../green/index.html">Green</a></li>
              <li><a href="./index.html">Brown</a></li>
              <li><a href="../purple/index.html">Purple</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- navigation ends -->
      <div class="clear"></div>
    </div>
    <!-- top search -->
    <div class="top_search">
      <input name="txtSearch" value="Enter a Keyword to Search"
            			onfocus="if(this.value=='Enter a Keyword to Search') {this.value='';}"
            			onblur="if(this.value=='') {this.value='Enter a Keyword to Search';}"   type="text" />
      <a  href="#"><img class="left" src="./images/search_icon.png" alt="" /></a> </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
<!-- Banner Section 
<div id="bannerbg">
  <div id="innercontent">
    <div id="banner">
      <div class="banner_left">
        <h1>High Back Chair</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapibus ac, lectus. Curabitur dolor                       sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut                       bibendum dolor nec augue. Ut tempus luctus metus. Sed a velit. </p>
        <a class="shopnow txtcufon" href="#"><span>Shop Now</span></a> </div>
      <div class="banner_right">
        <div id="sliderbg">
          <div id="slider">
            <div class="contentdiv"><a href="#"><img class="left" src="./images/banner1.gif" alt="" /></a></div>
            <div class="contentdiv"><a href="#"><img class="left" src="./images/banner2.gif" alt="" /></a></div>
            <div class="contentdiv"><a href="#"><img class="left" src="./images/banner3.gif" alt="" /></a></div>
            <div class="contentdiv"><a href="#"><img class="left" src="./images/banner4.gif" alt="" /></a></div>
          </div>
          <div id="paginate-slider" class="pagination"> </div>
          <script type="text/javascript" src="./js/slider.js"></script> 
        </div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
    
    <div class="brands"> <a href="#" class="prevarrow"><img class="left" src="./images/leftarrow.png" alt="" /></a>
      <div class="slider1">
        <ul>
          <li><a href="#"><img src="./images/scroll1.gif" alt="" /></a></li>
          <li><a href="#"><img src="./images/scroll2.gif" alt="" /></a></li>
          <li><a href="#"><img src="./images/scroll3.gif" alt="" /></a></li>
          <li><a href="#"><img src="./images/scroll4.gif" alt="" /></a></li>
          <li><a href="#"><img src="./images/scroll5.gif" alt="" /></a></li>
        </ul>
      </div>
      <a href="#" class="nextarrow"><img class="left" src="./images/rightarrow1.png" alt="" /></a></div>
  </div>
</div>
Banner Section -->
<div class="clearfix" id="zt-slideshow">
		<div class="zt-wrapper">
			<div id="zt-slideshow-inner">
				<div id="zt-slideshow-inner2">
					<script type="text/javascript">
						var startSlideshow51 = function() {
							var mySlideShow851 = new JVSlideShow8(
									{
										jvSlide8Bg : '#jv_slideshow8_51 div.jv-proshow-display',
										jvSlide8Menu : '#proshow_menu51 .item_proshow',
										jvSlide8Info : '#jv_slideshow8_51 div.jv-proshow-intro',
										jvSlideMenuImg : '#proshow_menu51 a',
										moduleWidth : '960',
										moduleHeight : '302',
										transaction : '5000',
										durationSlide8 : 500,
										jvStyleEffect : 'fadeslideright',
										jvSlide : 'jv_slideshow8_51',
										butPre : '#proshow_menu51 li.but_pre',
										butNext : '#proshow_menu51 li.but_next',
										showButtonNext : 1
									})
						};
						window.addEvent('load', function() {
							setTimeout(startSlideshow51, 200);
						});
					</script>
					<div class="jv-pedonheadline-wrap">
						<div id="jv_slideshow8_51" style="width: 960px; height: 427px"
							class="jv-proshow">
							<div style="height: 302px;" class="jv-proshow-inner">
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: hidden; opacity: 0;"
									class="jv-proshow-display">
									<div id="jv_pedon_headline_content_0">
										<img alt="banner"
											src="slide/s1.png" />
									</div>
								</div>
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: hidden; opacity: 0;"
									class="jv-proshow-display">
									<div id="jv_pedon_headline_content_1">
										<img alt="banner"
											src="slide/s2.png" />
									</div>
								</div>
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: hidden; opacity: 0;"
									class="jv-proshow-display">
									<div class="jv_pedon_loading">
										<div id="jv_pedon_headline_content_2">
											<img alt="banner"
												src="slide/s3.png" />
										</div>
									</div>
								</div>
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: hidden; opacity: 0;"
									class="jv-proshow-display">
									<div class="jv_pedon_loading">
										<div id="jv_pedon_headline_content_3">
											<img alt="banner"
												src="slide/s4.png" />
										</div>
									</div>
								</div>
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: hidden; opacity: 0;"
									class="jv-proshow-display">
									<div class="jv_pedon_loading">
										<div id="jv_pedon_headline_content_4">
											<img alt="banner" src="slide/s5.png"/>
										</div>
									</div>
								</div>
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: hidden; opacity: 0;"
									class="jv-proshow-display">
									<div class="jv_pedon_loading">
										<div id="jv_pedon_headline_content_5">
											<img alt="banner"
												src="slide/s6.png" />
										</div>
									</div>
								</div>
								<div
									style="position: absolute; left: 0px; right: 0px; visibility: visible; opacity: 1;"
									class="jv-proshow-display">
									<div class="jv_pedon_loading">
										<div id="jv_pedon_headline_content_6">
											<img alt="banner"
												src="slide/s7.png" />
										</div>
									</div>
								</div>
								<div style="visibility: hidden; opacity: 0;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=47:jv-dilo&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Dilo</h3>
										<p>Corporate Joomla Template</p>
									</div>
								</div>
								<div style="visibility: hidden; opacity: 0;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=48:jv-pelix&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Pelix</h3>
										<p>Restaurant Templates For Joomla! CMS</p>
									</div>
								</div>
								<div style="visibility: hidden; opacity: 0;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=49:jv-olo&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Olo</h3>
										<p>Studio Joomla Templates</p>
									</div>
								</div>
								<div style="visibility: hidden; opacity: 0;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=50:jv-piat&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Piat</h3>
										<p>Real Estate Templates For Joomla! Website</p>
									</div>
								</div>
								<div style="visibility: hidden; opacity: 0;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=51:jv-sarco&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Sarco</h3>
										<p>Business templates for Joomla! CMS</p>
									</div>
								</div>
								<div style="visibility: hidden; opacity: 0;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=52:jv-mira&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Mira</h3>
										<p>Political Joomla Templates</p>
									</div>
								</div>
								<div style="visibility: visible; opacity: 1;"
									class="jv-proshow-intro">
									<div class="jv-proshow-intro-inner png">
										<a
											href="/zt_bara/index.php?option=com_content&amp;view=article&amp;id=53:jv-conto&amp;catid=34:slideshow&amp;Itemid=1"
											class="readon"> Read more</a>
										<h3>JV Conto</h3>
										<p>High-tech Joomla Templates</p>
									</div>
								</div>
							</div>
							<div class="jv-pedonheadline-group">
								<ul id="proshow_menu51">
									<li class="but_pre">&nbsp;</li>
									<li class="item item_proshow"><a title="image" href="#">
											<img alt="image"
											src="slide/l1.png"
											class="png" /> </a>
									</li>
									<li class="item item_proshow"><a title="image" href="#">
											<img alt="image"
											src="slide/l2.png"
											class="png" /> </a>
									</li>
									<li class="item item_proshow"><a title="image" href="#">
											<img alt="image"
											src="slide/l3.png"
											class="png" /> </a>
									</li>
									<li class="item item_proshow"><a title="image" href="#">
											<img alt="image"
											src="slide/l4.png"
											class="png" /> </a>
									</li>
									<li class="item item_proshow"><a title="image" href="#">
											<img alt="image"
											src="slide/l5.png"
											class="png" /> </a>
									</li>
									<li class="item item_proshow"><a title="image" href="#">
											<img alt="image"
											src="slide/l6.png"
											class="png" /> </a>
									</li>
									<li class="item item_proshow active"><a title="image"
										href="#"> <img alt="image"
											src="slide/l7.png"
											class="png" /> </a>
									</li>
									<li class="but_next" style="visibility: visible; opacity: 1;">&nbsp;</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


<div class="clear"></div>
<div id="outer1">
  <div id="outer"> 
    <!-- Wapper Sec -->
    <div id="wrapper_sec"> 
      <!-- Content Seciton -->
      <div id="content_section">
        <div class="col1">
          <h2 class="heading colr" >New arrivals this month</h2>
          <div class="productlist">
            <ul class="productlist">
              <li> <a class="title" href="./detail.html">Ecko chair - fabric</a> <a href="./detail.html" class="productimage"><img  src="./images/product1.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt left"> $3000.99 </span> <span class="left"> to </span> <span class="colr left">$300.99</span> <a class="basket" href="./shoppingcart.html"><img   src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Sofa bed slipcover</a> <a href="./detail.html" class="productimage"><img  src="./images/product2.gif" alt="" /> <span class="new txtcufon">NEW</span> </a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /> </a> </span> </li>
              <li> <a class="title" href="#">Love Seat</a> <a href="./detail.html" class="productimage"><img  src="./images/product3.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Chaise, add-on unit</a> <a href="./detail.html" class="productimage"><img  src="./images/product4.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="./detail.html">Ecko chair - fabric</a> <a href="./detail.html" class="productimage"><img  src="./images/product5.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Sofa bed slipcover</a> <a href="./detail.html" class="productimage"><img  src="./images/product6.gif" alt="" /><span class="sale txtcufon">SALE</span></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Love Seat</a> <a href="./detail.html" class="productimage"><img  src="./images/product7.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Chaise, add-on unit</a> <a href="./detail.html" class="productimage"><img  src="./images/product8.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="./detail.html">Ecko chair - fabric</a> <a href="./detail.html" class="productimage"><img  src="./images/product9.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Sofa bed slipcover</a> <a href="./detail.html" class="productimage"><img  src="./images/product10.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Love Seat</a> <a href="./detail.html" class="productimage"><img  src="./images/product11.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
              <li> <a class="title" href="#">Chaise, add-on unit</a> <a href="./detail.html" class="productimage"><img  src="./images/product12.gif" alt="" /></a> <span class="compare_wishlist"> <a href="#">Compare</a> <a href="#">Wishlist</a> </span> <span class="price"> <span class="lt"> $3000.99 </span> <span> to </span> <span class="colr">$300.99</span> <a class="basket" href="#"><img     src="./images/basket.png" alt="" /></a> </span> </li>
            </ul>
          </div>
          <div class="clear"></div>
        </div>
        <div class="col2"> 
          <!-- Cart -->
          <h2 class="heading colr" >My Cart</h2>
          <div class="shopping_cart">
            <p>There are 4 items in your cart.</p>
            <p class="cart_subtotal">Cart Subtotal:<span class="colr"> $870.00</span></p>
            <div class="clear"></div>
            <ul class="cartItems">
              <li>
                <div class="thumb"><a href="#"><img  src="./images/cart1.jpg" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
              <li>
                <div class="thumb"><a href="#"><img  src="./images/cart2.jpg" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
              <li class="last">
                <div class="thumb"><a href="#"><img  src="./images/cart3.gif" alt="" /></a> </div>
                <div class="description"> <a href="#" class="mar  colr"  >Aron Contemporary Bed</a>
                  <p><span>1 X $1,490.00</span></p>
                  <a class="button1" href="#"><span>Remove</span></a> </div>
              </li>
            </ul>
            <a class="btn2" href="#"><span>Checkout</span></a> </div>
          <!-- Compare -->
          <h2 class="heading colr">Compare Products (3)</h2>
          <div class="compare">
            <ul>
              <li>
                <div class="title"> <a href="#">Aron Contemporary Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
              <li>
                <div class="title"> <a class="active" href="#">San Remo Leatherette Modern Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
              <li>
                <div class="title"> <a href="#">Palazzo Black Leatherette Bed</a> </div>
                <a class="close" href="#"><img  src="./images/close.gif" alt="" /></a> </li>
            </ul>
            <a class="btn2" href="#"><span>Compare</span></a> </div>
          <!-- Community Poll -->
          <h2 class="heading colr">Community Poll</h2>
          <div class="poll">
            <ul>
              <li>What is your favorite Magento feature? </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Layered Navigation</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span> Price Rules</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Category Management</span> </li>
              <li>
                <input name="txtpoll" type="radio" value="" />
                <span>Compare Products</span> </li>
            </ul>
            <a class="btn2" href="#"><span>Vote</span></a> </div>
          <!--col2 ends --> 
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<!-- Bototm seciton -->
<div id="bottomsec">
  <div id="footer"> 
    <!--Our Store-->
    <div class="our_store">
      <h3>Our Store</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Customer</a></li>
        <li><a href="#">Contacts</a></li>
        <li><a href="#">Site Map</a></li>
      </ul>
    </div>
    <!-- Useful Links -->
    <div class="footerdiv">
      <h3>Useful Links</h3>
      <ul>
        <li><a href="#">Site Map</a></li>
        <li><a href="#">Search Terms</a></li>
        <li><a href="#">Advanced Search</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <!-- My Accounts -->
    <div class="footerdiv">
      <h3>My Account</h3>
      <ul>
        <li><a href="./account.html">My Account</a></li>
        <li><a href="./shoppingcart.html">My Cart</a></li>
        <li><a href="./shoppingcart.html">Checkout</a></li>
        <li><a href="./login.html">Log In</a></li>
      </ul>
    </div>
    <!-- Pages -->
    <div class="footerdiv">
      <h3>Pages</h3>
      <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">CMS Page</a></li>
        <li><a href="#">Another One</a></li>
      </ul>
    </div>
    <!-- Contact -->
    <div class="contact_us">
      <h3>Contact</h3>
      <ul>
        <li><a href="#">General Information</a></li>
        <li><a href="#">Frequently Asked Questions</a></li>
        <li><a href="#">Member Support Forum</a></li>
        <li class="social"> <a href="#"><img  src="./images/social_icon1.png" alt="" /></a> <a href="#"><img  src="./images/social_icon2.png" alt="" /></a> <a href="#"><img  src="./images/social_icon3.png" alt="" /></a> <a href="#"><img  src="./images/social_icon4.png" alt="" /></a> </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="copyright" > &copy; 2011 - <a href="http://www.racktheme.com" target="_blank">RackTheme</a> - All rights reserved. </div>
  </div>
</div>
</body>
</html>